import React from 'react';
import { StyleSheet, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import BackButton from '../../navigation/BackButton';
import WebView from 'react-native-webview';

export default function LiveCourseScreen() {
  return (
    <SafeAreaView style={styles.safeArea}>
      <View style={styles.container}>
        <BackButton title="退出" />
        <WebView
          style={styles.web}
          allowsInlineMediaPlayback={true}
          source={{ uri: 'https://live.course.wkwfyf.com/index.html?tid=1' }}
        />
      </View>
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  safeArea: {
    flex: 1,
    backgroundColor: '#000000',
  },
  container: {
    flex: 1,
  },
  web: {
    marginTop: 60,
    flex: 1,
  },
});
